<% service = form.object %>

<div class="card meeting-service" id="<%= id %>-field">
  <div class="card-divider service-divider">
    <h2 class="card-title mb-4">
      <span><%= t(".service") %></span>

      <div class="ml-auto flex gap-x-4">
        <button class="button button__sm button__transparent-secondary small alert move-up-service button--title">
          <%= icon "arrow-up-line" %>
          <%= t(".up") %>
        </button>

        <button class="button button__sm button__transparent-secondary small alert move-down-service button--title">
          <%= icon "arrow-down-line" %>
          <%= t(".down") %>
        </button>

        <button class="button button__sm button__transparent-secondary small alert remove-service button--title">
          <%= t(".remove") %>
        </button>
      </div>
    </h2>
  </div>

  <div class="card-section">
    <div class="row column">
      <%=
        form.translated(
          :text_field,
          :title,
          tabs_id: id,
          label: t(".title")
        )
      %>
    </div>

    <div class="row column">
      <%=
        form.translated(
          :text_area,
          :description,
          rows: 2,
          tabs_id: id,
          label: t(".description")
        )
      %>
    </div>
  </div>

  <%= form.hidden_field :deleted, value: false %>
</div>
